<!-- 会员登录 -->
<div class="denglu" style="padding-left:50px;">
    <div id="loginTitle" style="border-top-left-radius:6px;border-top-right-radius:6px;height: 30px;">
        <h4 style="line-height: 25px">会员登录</h4>
    </div>
    <!-- <hr> -->
    <form id="loginForm" method="post" style="border:1px solid #ececec;height:400px;width:500px;padding-top:100px">
        <table>
            <tr>
                <td width="150" align="right">会员名：</td>
                <td>
                    <input type="text" class="form-control" placeholder="手机号/邮箱/用户名"
                           name="username" id="loginName" onblur="checkLoginName()" style="display: inline;" />
                    <span id="msgLoginNameError" style="color: red"></span>
                </td>
            </tr>
            <tr>
                <td width="150" align="right">密码：</td>
                <td>
                    <input type="password" class="form-control" placeholder="6-16位登录密码"
                           name="password" id="password" onblur="checkPassword()" style="display: inline;" autocomplete="off"/>
                    <span id="msgLoginPwdError" style="color: red"></span>
                </td>
            </tr>
            <tr class="yzm" style="display: none" id="loginyzm">
                <td width="150" align="right">验证码：</td>
                <td>
                    <input  type="text" class="form-control" style="width:80px;display: inline;" placeholder="验证码" maxlength="4" onblur="checkLoginJavaCode()" id="loginJavaCode"/>
                    <span style="padding-left:10px"><img src="{:Url('home/login/verify')}" id="imgLoginJavaCode" onclick="reloadLogincode()" style="cursor: pointer;" title="看不清楚,换一张"></span>
                    <span id="msgLoginJavaCode" style="color: red"></span>
                </td>
            </tr>
            <tr>
                <td width="150" align="right"></td>
                <td style="text-align:right" width="220">
<!--                    <a href="../user/retrievepassword.jsp">忘记密码？</a>-->
                </td>
            </tr>
            <tr>
                <td width="150" align="right"></td>
                <td><input type="button" value="登录" class="denglu1" onclick="login()"/></td>
            </tr>
        </table>
    </form>
</div>
<!-- 会员注册 -->
<div class="zhuce1">
<!--    <div id="shouji" onclick="phoneTable()" style="border-top-left-radius:6px;border-top-right-radius:6px;height: 30px;">-->
<!--        <h4 style="line-height: 25px">手机注册</h4>-->
<!--    </div>-->
    <div id="putong" onclick="commonTable()" style="border-top-left-radius:6px;border-top-right-radius:6px;height: 30px;">
        <h4 style="line-height: 25px">普通注册</h4>
    </div>
    <!-- <hr style="clear: both;margin-top:50px;"> -->
    <!-- 手机注册 -->
<!--    <div id="phoneTable" style="height:400px;width:500px;padding-top:60px;margin-top:29px; border:solid #ececec 1px;">-->
<!--        <form id="mobileFormRegist" method="post">-->
<!--            <table>-->
<!--                <tbody>-->
<!--                <tr>-->
<!--                    <td width="90" align="right">手机号：</td>-->
<!--                    <td width="400">-->
<!--                        <input type="text" class="form-control" placeholder="常用11位数字手机号"-->
<!--                               onblur="ckeckRegPhone()" id="regPhone" name="phone" maxlength="11" style="width:215px;"/>-->
<!--                        <span id="msgRegPhone" style="color: red"></span>-->
<!--                    </td>-->
<!--                </tr>-->
<!--                <tr class="yzm">-->
<!--                    <td width="90" align="right">验证码：</td>-->
<!--                    <td>-->
<!--                        <input type="text" class="form-control" style="width:101px;" placeholder="验证码" maxlength="4"  id="regPhoneJavaCode"/>-->
<!--                        <span style="vertical-align: middle;padding: 0 0 0px 5px;"><img src="{:Url('api/api/verify','index=1')}" id="imgPhoneJavaCode" onclick="this.src='{:Url(\'api/api/verify\',\'index=1\')}'" style="width:96px;height:30px;cursor: pointer;" title="看不清楚,换一张"></span>-->
<!--                        <span id="msgRegPhoneJavaCode" style="color: red"></span>-->
<!--                    </td>-->
<!--                </tr>-->
<!--                <tr class="huoquyanzheng">-->
<!--                    <td width="90" align="right">手机验证码：</td>-->
<!--                    <td>-->
<!--                        <input type="text" class="form-control" placeholder="6位验证码" maxlength="6"-->
<!--                               id="regPhoneMessageCode" onblur="checkPhoneMessageCode()" name="yzm" style="width:101px;"/>-->
<!--                        <input type="button" value="获取验证码" class="huoqu" onclick="clickPhoneCode()" id="regPhoneCodeBtn"/>-->
<!--                        <span id="msgPhoneMessageCode" style="color: red"></span>-->
<!--                    </td>-->
<!--                </tr>-->
<!--                <tr>-->
<!--                    <td width="90" align="right">密码：</td>-->
<!--                    <td>-->
<!--                        <input type="password" class="form-control" placeholder="6-16位数字字母组合密码" maxlength="16"-->
<!--                               id="regPhonePwd" onblur="checkRegPhonePwd()" name="password" autocomplete="off"/>-->
<!--                        <span id="msgRegPhonePwd" style="color: red"></span>-->
<!--                    </td>-->
<!--                </tr>-->
<!--                <tr>-->
<!--                    <td width="90" align="right">确认密码：</td>-->
<!--                    <td><input type="password" class="form-control" placeholder="与密码相同" maxlength="16"-->
<!--                               id="regPhoneRePwd" onblur="checkRegPhoneRePwd()" name="repassword" autocomplete="off"/>-->
<!--                        <span id="msgRegPhoneRePwd" style="color: red"></span>-->
<!--                    </td>-->
<!--                </tr>-->
<!--                <tr>-->
<!--                    <td width="90" align="right"></td>-->
<!--                    <td><input type="button" value="注册" class="tijiao" onclick="clickPhoneReg()"/></td>-->
<!--                </tr>-->
<!--                </tbody>-->
<!--            </table>-->
<!--        </form>-->
<!--    </div>-->
    <!-- 普通注册 -->
    <div id="commonTable" style="height:400px;width:500px;padding-top:60px;margin-top:29px; border:solid #ececec 1px;">
        <form id="commonFormRegist" method="post">
            <table>
                <tbody>
                <tr>
                    <td width="90" align="right">用户名：</td>
                    <td>
                        <input type="text" class="form-control" placeholder="以字母开头4-16位字符" maxlength="16"
                               id="regName" name="username" onkeyup="checkRegUsername()"/>
                        <span id="msgCommonRegUsername" style="color: red"></span>
                    </td>
                </tr>
                <tr>
                    <td width="90" align="right">邮箱：</td>
                    <td>
                        <input type="text" class="form-control" placeholder="用于找回密码时验证的邮箱"
                               id="regEmail" name="mail" maxlength="40" onblur="checkRegEmail()"/>
                        <span id="msgCommonRegEamil" style="color: red"></span>
                    </td>
                </tr>
                <tr class="yzm"><td width="90" align="right">图形验证码：</td>
                    <td>
                        <input type="text" class="form-control" placeholder="图形验证码" maxlength="4" style="width:139px;" id="commonRegJavaCode" name="commonRegJavaCode" onblur="checkCommonRegJavaCode()"/>
                        <span><img src="{:Url('home/login/verify','index=2')}" id="imgCommonJavaCode" onclick="this.src='{:Url(\'home/login/verify\',\'index=2\')}'" style="width:96px;height:30px;cursor: pointer;" title="看不清楚,换一张"></span>
                        <span id="msgCommonRegJavaCode" style="color: red"></span>
                    </td>
                </tr>
                <tr class="yzm"><td width="90" align="right">邮箱验证码：</td>
                    <td>
                        <input type="text" class="form-control" placeholder="邮箱验证码" maxlength="6" style="width:116px;" id="emailCode" name="emailCode" onblur="checkEmailMessageCode()"/>
                        <input type="button" value="获取验证码" onclick="sendEmailCode()" id="regEmailCodeBtn" style="width: 95px;height: 32px;line-height: 32px;border: 1px solid #e8e6e6;background-color: #fff;border-radius: 4px;"/>
                        <span id="msgEmailMessageCode" style="color: red"></span>
                    </td>
                </tr>
                <tr>
                    <td width="90" align="right">密码：</td>
                    <td>
                        <input type="password" class="form-control" placeholder="6-16位数字字母组合密码" maxlength="16"
                               onblur="checkCommonRegPwd()" id="commonRegPwd" name="password" autocomplete="off"/>
                        <span id="msgCommonRegPwd" style="color: red"></span>
                    </td>
                </tr>
                <tr>
                    <td width="90" align="right">确认密码：</td>
                    <td><input type="password" class="form-control" placeholder="与密码相同" maxlength="16"
                               onblur="checkCommonRegRepwd()" id="commonRegRepwd" autocomplete="off"/>
                        <span id="msgCommonRegRepwd" style="color: red"></span>
                    </td>
                </tr>
                <tr>
                    <td width="90" align="right"></td>
                    <td><input type="button" value="注册" class="tijiao" onclick="clickCommonReg()"/></td>
                </tr>
                </tbody>
            </table>
        </form>
    </div>
</div>